<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <style>
			body{
				background: url(img/Login_background.jpg) no-repeat;
        background-size: 100% 100%;
				background-attachment: fixed;/*设置背景是否滚动  scroll : 默认值，滚动  
				fixed: 固定： 不会随着内容的滚动而滚动*/

        
			}
      .title_div{
        width: 100%;
        text-align: center;
      }
      .title{
        margin-top: 100px;
        font-size: 25px;
        font:bold;
        color:salmon;
      }
      .form_div{
        width: 40%;
        height: 320px;
        background: rgba(0,0,0,0.18);

        margin-left: 30%;
        margin-top: 4%; 

        display: block;
      }
      
      .span_{
        font-size: 22px;
        margin-top: 20px;
      }
      .input_{
        border:none;
        background-color: white;
        /* background: rgba(0, 0, 0, 0.116); */
        height: 25px;
        width: 230px;
      }

      .button_div{
        text-align: center;
      }
      .button_div input{
        width: 250px;
        height: 30px;
        font-size: 18px;
        background-color: grey;
        border: none;
      }
  </style>
</head>
<body>
  <div>

    <div class="title_div">
      <P class="title">XXXX系统</P>
    </div>

    <div class="form_div">
      <form action="" method="post" >
        <br><br><br>
        <div style="text-align: center;">
          <span class="span_" style="margin-left: -22px;">用户名: </span>
          <input class="input_" type="text" placeholder="请输入用户名" name="username"/>
          
          <br><br>
          <span class="span_" >密码:</span>
          <input class="input_" type="password" placeholder="请输入密码" name="password"/>
          <br>
        </div>
        
        <input type="checkbox" name="sex" value="" checked="true"
            style="margin-left:27%;margin-top: 15px;margin-bottom: 30px;"/>记住密码
        <div class="button_div">
          <input class='button' type="submit" value="登陆"><br>
          <input class='button' type="button" value="注册" style="margin-top: 15px;">
        </div>
        
      </form>
    </div>
  </div>
</body>
</html>